<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>上传预录入证书</title>
    <link href="css/management.css" rel="stylesheet" type="text/css"/>
    <link href="css/upload.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="container">
    <div class="header">
        <p class="title">证书管理系统</p>
        <p class="content"><span>管理员：</span><span>Admin&nbsp;&nbsp;&nbsp;&nbsp;</span><a href="#">[ 退出 ]</a></p>
    </div>
    <div class="left">
        <ul>
            <a href="upload.html"><li class="select">上传预录入编号</li></a>
            <a href="PreEntryManangement.html"><li>预录入证书管理</li></a>
            <a href="management.html"><li>证书管理</li></a>
        </ul>
    </div>
    <div class="right">
        <div class="rightContainer">
            <form action="" class="activityForm">
                <div class="file">
                    <label for="file">文件：</label>
                    <div class="userdefined-file">
                    　　<input type="text" name="userdefinedFile" id="userdefinedFile" value="未选择任何文件">
                    　　<button type="button">浏览</button>
                    </div>
                    <input type="file" name="file" id="file"  accept=".xls,.xlsx">
                </div>
            </form>
            <div class="btn">
                <button>上传</button>
            </div>
        </div>
    </div>
</div>
<script>
    document.getElementById("file").onchange = function() {
        document.getElementById("userdefinedFile").value = document.getElementById("file").value;
    }
</script>
</body>
</html>